<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="master_onlinelab"></title>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/lessonDetail.css">
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
		var UserID= '<%=session.getAttribute("userid")%>';

		if(UserID=="null"||UserID==undefined||UserID==null){
			document.getElementsByTagName("body")[0].innerHTML="";
		}
	</script>
    </head>
    <body>
<%@ include file="head.jsp"%>
<div id="container" class="container">

            <div class="media">
                <a class="media-left" href="#">
                <img src="" id="lessonImg" class="lessonimg">
                </a>
                <div class="media-body">
                <h3 class="media-heading lessonTitle" id="lessonTitle"></h3>
                   <p class="lessontxt" id="lessonContent"></p>
                    <input type="button" id="applyLessonBtn" class="btn applyBtn" data-localize="ol_apply" onclick="applyLesson(this)"/>
                    <p class="pici" id="pici"><span  data-localize="ms_pici"></span>：</p>
                    <p class="pici"  id="renshu"><span data-localize="ms_renshu"></span>：</p>
                </div>
            </div>
            <div class="row centerinfo">

                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
                    <h3 data-localize="ms_mainteacher" ></h3>
                    <hr/>
                    <img src="" class="teacherImg" id="teacherImg">
                    <h3 id="teacherName" ></h3>
                    <p id="teacherInfo" ></p>
                </div>

                <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                    <h3 data-localize="lab_labinfo"></h3>
                     <hr/>
                    <ul class="media-list labInfo" id="lessonLabs">

                    </ul>
                </div>


            </div>


</div>
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/lessonDetail.js"></script>
    </body>
</html>